<template>
  <view class="container">

    <view class="detail-card">
		
      <view class="detail-item">
        <text class="label">标题：</text>
        <text class="content">洗车优惠活动开始领取了</text>
      </view>

      <view class="detail-item">
        <text class="label">发布人：</text>
        <text class="content">大美汽修</text>
      </view>

      <view class="detail-item">
        <text class="label">发布时间：</text>
        <text class="content">2023/03/10 11:09</text>
      </view>

      <view class="detail-item">
        <text class="label">审核状态：</text>
        <text class="content">待审核 / 审核通过 / 审核不通过</text>
      </view>

      <view class="detail-item">
        <text class="label">审核时间：</text>
        <text class="content">2023/03/10 15:09</text>
      </view>

      <view class="detail-item">
        <text class="label">审核说明：</text>
      </view>

      <view class="description">
        <text class="label2">发布内容：</text>
        <text class="content2">活动内容活动内容活动内容活动内容</text>
      </view>

      <view class="image-section">
        <text class="label3">图片：</text>
        <image class="activity-image" src="/static/car.png" mode="aspectFit"></image>
      </view>
    </view>
  </view>
</template>

<style>
.container {
  padding: 20rpx;
}

.title {
  color: white;
  font-size: 36rpx;
}

.detail-card {
  /* background-color: red; */
  border-radius: 10rpx;
  padding: 20rpx;
  margin-top: 20rpx;
  background-color: #F7F7F7;
}

.detail-item {
  display: flex;
  /* margin-bottom: 10rpx; */
  /* background-color: green; */
  background-color: #FFFFFF;
}

.label {
  font-weight: bold;
  width: 100rpx;
  /* background-color: yellow; */
  width: 25%;
  display: block;
  float: left;
  height: 80rpx;
  line-height: 80rpx;
}

.content {
  color: #333;
  flex: 1;
  /* background-color: blue; */
  width: 75%;
  display: block;
  float: right;
  height: 80rpx;
  line-height: 80rpx;
}

.image-section {
	display: flex;
	background-color: #FFFFFF;
}

.activity-image {
  width: 40%;
  height: auto;
  border-radius: 10rpx;
  /* background-color: blue; */
}
/* 设置 */
.label2{
	font-weight: bold;
	width: 100rpx;
	/* background-color: yellow; */
	width: 25%;
	display: block;
	float: left;
	height: 160rpx;
	line-height: 160rpx;
}
.content2{
	color: #333;
	flex: 1;
	/* background-color: blue; */
	width: 75%;
	display: block;
	float: right;
	height: 160rpx;
	line-height: 160rpx;
}
.label3{
	font-weight: bold;
	width: 100rpx;
	/* background-color: skyblue; */
	width: 25%;
	display: block;
	float: left;
	height: 160rpx;
	line-height: 160rpx;
}
.description{
	display: flex;
	/* margin-bottom: 10rpx; */
	/* background-color: green; */
	background-color: #FFFFFF;
	margin-top: 10rpx;
}

</style>
